<script setup>
import { ref, defineProps } from 'vue'
import { Search } from '@element-plus/icons-vue'
const props = defineProps({
	personTagVisible: Boolean
})
const emits = defineEmits(['changePersonTagVisible'])
const scoreForm = ref({
	type: '增加',
	num: 1,
	content: ''
})
const isShow = ref(false)
</script>
<template>
	<el-dialog v-model="props.personTagVisible" width="520px" @close="emits('changePersonTagVisible', false)">
		<template #header>
			<h2 class="dialog-title">个人标签</h2>
		</template>
		<div class="no-content-box" style="margin-top: 95px">
			<img
				class="no-content-img"
				src="../../../../assets/img/img/list-empty.499dbb25961c.png"
				alt=""
			/>
			<p>还没有个人标签哦~</p>
		</div>
		<template #footer>
			<span class="dialog-footer">
				<el-button class="mergr-btn" @click="emits('changePersonTagVisible', false)">取消</el-button>
				<el-button class="mergr-btn" type="primary" @click="emits('changePersonTagVisible', false)"> 保存 </el-button>
			</span>
		</template>
	</el-dialog>
</template>
<style lang="scss" scoped>
:deep(.el-textarea__inner) {
	background-color: #fafafa;
}
.mergr-btn {
	width: 74px;
	height: 32px;
	border-radius: 2px;
}

.no-content-box {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	.no-content-img {
		width: 155px;
		height: 100px;
		margin-bottom: 10px;
	}
}

.dialog-title {
	width: 100%;
	color: #262626;
	font-size: 17px;
	text-align: center;
	font-weight: 600;
	line-height: 24px;
	letter-spacing: 1px;
}
</style>
